.page {
  .wrap {
    margin: $blockMargin;
  }

  .dispatch {
    flex: 1;
    width: 0;
    margin: $blockMargin;
    margin-left: 0;
  }

  .line {
    height: 1px;
    border-bottom: 1px solid #ddd;
    margin: $blockMargin 0;
  }

  .tableMargin {
    margin-top: $blockMargin;
  }

  .greenBtn{
    color: $green;
  }

  /* .customTree {
    :global {
      .ant-tree-treenode-selected {
        &:before {
          display: none;
        }
        .ant-tree-switcher {
          display: none;
        }
        .ant-tree-node-content-wrapper.ant-tree-node-selected {
          color: $green;
        }
        &:hover {
          .ant-tree-node-content-wrapper.ant-tree-node-selected {
            color: $green;
          }
        }
      }
    }
  } */

  .tree_container {
    width: 240px;
    border: 1px solid #ddd;

    & > p {
      padding: $btnMargin;
      border-bottom: 1px solid #ddd;
      margin: 0;
    }

    .tree_box {
      padding: $btnMargin 20px;
    }

    :global {
  
      .tree_node {
        cursor: pointer;
        margin-bottom: 5px;
    
        span {
          margin-right: 5px;
          color: #9c9c9c;
        }
      }
    
      .tree_node_active {
        color: $green;
    
        span {
          color: $green;
        }
      }
      
    }

  }
  
}
